#2D9199

Color Details

HEX
#2D9199
RGB
rgb(45, 145, 153)
HSL
hsl(184, 55%, 39%)
CMYK
cmyk(71%, 5%, 0%, 40%)
Best text on this color #000000 (CR 5.62:1) Determined by WCAG contrast ratio

Readability Previews

Black on #2d9199
Contrast 5.62:1 AA
White on #2d9199
Contrast 3.74:1 Fail
#2d9199 on Black
Contrast 5.62:1 AA
#2d9199 on White
Contrast 3.74:1 Fail

Tints & Shades

#57a7ad
#81bdc2
#abd3d6
#24747a
#1b575c
#123a3d

Complement & Analogous

#9a342d
#2d5c9a
#2d9a6b

Triadic

#9a2d93
#939a2d

Monochrome

#123a3d #1b575c #2d9199 #81bdc2 #abd3d6 #d5e9eb

Analogous

#2d9a6b #6cb897 #2d9199 #577dae #2d5c9a #244a7b

Complementary Mix

#1b575c #2d9199 #81bdc2 #9a342d #bd7b77 #64221d

Nearby Colors

#2d9198
#2d919a
#2d9189
#2d91a9

Embed #2D9199 swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #2D9199

#2D9199 converts to RGB(45, 145, 153) and HSL(184, 55%, 39%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#2D9199 FAQs

What is the RGB value of #2D9199?
RGB: 45, 145, 153. Copy as CSS: rgb(45, 145, 153)
Is #2D9199 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #2D9199?
Complement: #9a342d.
Does #2D9199 have good contrast on white or black?
On white: 3.74:1 (AA (large text)). On black: 5.62:1 (AA (normal text)).